    <div id="right-bar" style="float:right">
            <div class="advertisement-block">
                <img src="/site_media/images/advertising/adv-1.png" />
                <img src="/site_media/images/advertising/heroes.jpg" />
            </div>
            <div id="recented-viewed-block">
                <div class="tab-title-right">Recent viewed</div>
                <div class="block-body-right">
                {% for viewed in recent_viewed %}
                    <div class="recented-viewed-product">
                        <div class="recented-viewed-product-info">
                            <center><a href="/products/{{viewed.id}}"><img src="/{{viewed.image}}" class="recent-viewed-img" /></a><br/></center>
                            <center><span class="prodcut-price">{{viewed.price}}€</span></center>
                        </div>
                        <div class="recented-viewed-product-info">
                            <p class="product-name"><a href="/products/{{viewed.id}}">{{viewed.name}}</a></p>
                        </div>
                    </div>
                {% endfor %}
                </div>
            </div><!-- the end for recented-viewed-block -->
        </div><!-- the end for right-bar -->